<script setup lang="ts">
import { ref } from 'vue';

const percent = ref(50);
</script>
<template>
    <label for="basic-percent">百分比：</label>
    <input id="basic-percent" type="number" v-model="percent" max="100" min="0"/>
    <div style="display: flex">
        <div style="width: 400px">
            <f-progress :percent="percent"></f-progress>
        </div>
        <span style="width: 44px">{{ percent }}%</span>
    </div>
</template>
